<template>
	<el-dialog width="1400px" title="查看审批资料" :visible.sync="dialogVisible" :close-on-click-modal="false">
		<a-form class="form" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
			<a-card class="card" title="个人信息" :bordered="false">
				<a-row class="form-row">
					<a-col :xl="{span: 6}">
						<a-form-item label="联系人">
							<p>{{tableData.contact_tel}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="联系电话">
							<p>{{tableData.contact_tel}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="推广模式">
							<p>{{tableData.type==1?"线上":"线下"}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="推广类型">
							<p>{{tableData.user_type==1?"企业":"个人"}}</p>
						</a-form-item>
					</a-col>
				</a-row>
				<a-row class="form-row">
					<a-col :lg="6" :md="12" :sm="24">
						<a-form-item label="推广级别">
							<p>{{tableData.level==1?"一级推广员":"二级推广员"}}</p>
						</a-form-item>
					</a-col>
					<a-col :lg="6" :md="12" :sm="24">
						<a-form-item label="推广城市">
							<p>{{tableData.shopcity}}</p>
						</a-form-item>
					</a-col>
					<a-col :lg="6" :md="12" :sm="24">
						<a-form-item label="邀请码">
							<p>{{tableData.code}}</p>
						</a-form-item>
					</a-col>
					<a-col :lg="6" :md="12" :sm="24">
						<a-form-item label="分成率">
							<p>{{tableData.rate}}%</p>
						</a-form-item>
					</a-col>
				</a-row>
			</a-card>
			<a-card class="card" title="公司信息" :bordered="false">
				<a-row class="form-row">
					<a-col :xl="{span: 6}">
						<a-form-item label="公司/机构名称">
							<p>{{tableData.mechanism}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="公司/机构地址">
							<p>{{tableData.address}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="法人姓名">
							<p>{{tableData.faname}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="法人身份证号">
							<p>{{tableData.idcard}}</p>
						</a-form-item>
					</a-col>
				</a-row>
				<a-row class="form-row">
					<a-col :xl="{span: 6}">
						<a-form-item label="法人身份证正面照">
							<p>{{tableData.faidcard}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="法人身份证背面照">
							<p>{{tableData.faidcard_back}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="工商执照">
							<p>{{tableData.companyid}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="推广区域">
							<p>{{tableData.shopcity}}</p>
						</a-form-item>
					</a-col>
				</a-row>
				<a-row class="form-row">
					<a-col :xl="{span: 6}">
						<a-form-item label="支付宝账号">
							<p>{{tableData.alipayaccount==null?"无":tableData.alipayaccount}}</p>
						</a-form-item>
					</a-col>
					<a-col :xl="{span: 6}">
						<a-form-item label="邮箱地址">
							<p>{{tableData.email==null?"无":tableData.email}}</p>
						</a-form-item>
					</a-col>
				</a-row>
			</a-card>
		</a-form>
	</el-dialog>
</template>

<script>
import { saleApplyDetail } from '@/api/extension'
	export default {
		// name: 'centerDialog',
		props: {
			centerId: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {
				form:{},
				tableData:{},
				dialogVisible: false
			}
		},
		mounted() {
			saleApplyDetail(this.centerId).then(res=>{
				this.tableData=res
				console.log(res);
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>

</style>
